body {
    background-color: #F5F5F5;
}

.top-navigation {
    display: flex;
    justify-content: space-between;
    padding: .2rem .8rem;
}

.top-navigation>h3 {
    font-size: .426667rem;
    font-family: PingFang SC;
    font-weight: bold;
}

.top-navigation .arrow {
    width: .533333rem;
    height: .426667rem;
}

.top-navigation .search {
    width: .533333rem;
    height: .533333rem;
    cursor: pointer;
}

.bg {
    width: 100%;
    height: 5.186667rem;
    background-image: url(../img/topbg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.top-content {
    position: relative;
    padding: .266667rem;
    margin: .133333rem .4rem;
    background-color: #F0F3FB;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    text-align: center;
    color: #999999;
}

.top-content h2 {
    font-size: .426667rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(60, 99, 228, 1);
}

.top-content h3 {
    font-size: .373333rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #999999;
    margin: .333333rem 0;
}

.top-content .hr {
    position: absolute;
    left: 50%;
    ;
    width: .026667rem;
    height: .72rem;
    background: gray;
    opacity: 0.3;
}

.top-content .score-content {
    display: flex;
    justify-content: space-between;
}



.top-content .score-content>div>p:nth-child(1) {
    font-size: .266667rem;
    font-family: PingFang SC;
    font-weight: 400;
}

.top-content .score-content>div>p:nth-child(2) {
    font-size: .426667rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(60, 99, 228, 1);
}

.top-content p {
    width: 3.666667rem;
    text-align: center;
}

.info {
    margin: .533333rem 0;
}

.info>h2,
.info>div {
    font-size: .373333rem;
    font-family: PingFang SC;
    font-weight: bold;
    padding: 0 .4rem;
}

.info>h2 {
    margin-bottom: .133333rem;
}

.info>div {
    color: rgba(102, 102, 102, 1);
    padding: .266667rem .4rem;
    background-color: #fff;
}

/* 进度步骤 */

.progress-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: .333333rem;
}

.progress-item>p {
    position: relative;
    width: 1.333333rem;
}

.progress-item>p>span {
    display: block;
}


.progress-item>p>span:nth-child(1) {
    position: absolute;
    top: 0;
    left: 47%;
    width: .4rem;
    height: .4rem;
    background-color: #2CB78B;
    border-radius: 50%;
}

.progress-item>p>span:nth-child(2) {
    position: absolute;
    top: .533333rem;
    left: 61%;
    width: .026667rem;
    height: 80%;
    background-color: #999999;
}

.progress-item>div {
    width: 8.666667rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 24px 6px rgba(60, 99, 228, 0.08);
    border-radius: 10px;
    padding: .24rem;
}

.progress-item .item-flex {
    display: flex;
    justify-content: space-between;

}

.progress-item .item-flex>div:nth-child(1) {
    width: 5.066667rem;
    white-space: normal;
    font-size: .373333rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
}

.progress-item .item-flex>div:nth-child(2) {
    width: 2.666667rem;
    text-align: center;
}

.item-flex h1 {
    font-size: .64rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: rgba(60, 99, 228, 1);
}

.progress-item .item-flex>div:nth-child(2)>h4 {
    color: #2CB78B;
}